<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    article{
        width: 300px;
        height: 300px;
        display: grid;
        box-sizing: border-box;
        border: 1px solid red;
        grid-template-rows: 2fr 2fr;
        grid-template-columns: 2fr 2fr;
    }
    div{
        background: darkgray;
        border: 1px solid greenyellow;
        box-sizing: border-box;
    }
    div:nth-child(1){
        grid-row-start: 1;
        grid-row-end: 3;
    }
</style>
<body>
<article>
    <div></div>
    <div></div>
    <div></div>
</article>
</body>
</html>